<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目展示</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/commom.css">
    <link rel="stylesheet" href="../css/project.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="w">
            <div class="logo"></div>
            <ul class="list">
                <li class="item la">
                    <a href="index.html" target="_blink">首页</a>
                    <span class="line"></span>
                </li>
                <li class="item  active">
                    <a href="project.html" target="_blink">项目</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="product.html" target="_blink">产品</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="service.html" target="_blink">服务</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="new.html" target="_blink">新闻</a>
                    <span class="line"></span>
                </li><li class="item">
                    <a href="about.html" target="_blink">关于</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- banner -->
    <div class="banner"></div>
    <div class="w">
        <!-- 下方头部 -->
        <div class="top-menu" id="home">
           <div class="public-title">您的位置：项目
               <img src="../img/rarr.png" alt="">
               <a href="">项目展示</a>
           </div>
           <!-- 菜单栏 -->
           <div class="public move">
               <ul class="list">
                   <li class="item active">
                       <a href="#home">家居
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>
                   
                   <li class="item">
                       <a href="#office">办公
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#eat">餐饮
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>       
                   <li class="item">
                       <a href="#more">MORE
                           <span class="line"></span>
                       </a>
                       <span>|</span>
                   </li>    
               </ul>   
           </div>
        </div>              
   </div>

   <!-- 内容区 -->
    <div class="w">
        <!-- 第一行 -->
        <div class="show">
            <div class="show-com">
                    <div>
                        <img class="left active" src="../img/preshow-l.jpg" alt="">
                    </div>
                    <div class="poi">
                        <p class="title">Marylebone公寓室内改造 上海</p>
                        <p class="desc">木隔墙创造出简约的生活空间</p>
                    </div>   
                    <div class="content"></div>        
                         
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>   
            </div>

            <div class="show-com mi">
                <div>
                    <img class="left active" src="../img/pre.jpg" alt="">
                </div> 
                    <div class="poi">
                        <p class="title">月见棱廓 北京</p>
                        <p class="desc">舒适而注重情感交流的小住宅</p>
                    </div>    
                    <div class="content"></div>                                                                                             
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
            <div class="show-com">
                <div>
                    <img class="left active" src="../img/preshow-r.jpg" alt="">
                </div>                     <div class="poi">
                        <p class="title">亭仔脚 台北</p>
                        <p class="desc">生活记忆的延续</p>
                    </div>       
                    <div class="content"></div>                    
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
            
        </div>
        <!--第二行 抬头 -->
        <div class="w">
            <!-- 下方头部 -->
            <!-- <div class="top-menu" id="office">
               <div class="public-title">您的位置：项目
                   <img src="../img/rarr.png" alt="">
                   <a href="">项目展示</a>
               </div>
               <div class="public move">
                   <ul class="list">
                       <li class="item">
                           <a href="#home">家居
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>
                       
                       <li class="item active">
                           <a href="#office">办公
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item">
                           <a href="#eat">餐饮
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item">
                           <a href="#more">MORE
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>
                       <li class="item">
                        <a href="#tuozhan">拓展
                            <span class="line"></span>
                        </a>
                        <span>|</span>
                        </li>              
                   </ul>   
               </div>
            </div>              
       </div> -->
        <!-- 第二行 -->
        <div class="show special">
            <div class="show-com">
                <div>
                    <div>
                        <img class="left active" src="../img/项目11.jpg" alt="">
                    </div>
                </div>
                    <div class="poi">
                        <p class="title">藏式民居改造 拉萨</p>
                        <p class="desc">兼顾藏族传统精神生活的现代住宅</p>
                    </div>   
                    <div class="content"></div>        
                         
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>   
            </div>

            <div class="show-com mi">
                <div>
                    <img class="left active" src="../img/项目12.jpg" alt="">
                </div> 
                    <div class="poi">
                        <p class="title">白虎头村老宅改造 北京</p>
                        <p class="desc">老宅，院落，远山</p>
                    </div>    
                    <div class="content"></div>                                                                                             
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
            <div class="show-com">
                <div>
                    <img class="left active" src="../img/项目13.jpg" alt="">
                </div>                     <div class="poi">
                        <p class="title">Florentine公寓 杭州</p>
                        <p class="desc">两种色调与两种氛围的居住空间</p>
                    </div>       
                    <div class="content"></div>                    
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
            
        </div>
        <!-- 第三行抬头 -->
        <div class="w">
            <!-- 下方头部 -->
            <div class="top-menu" id="eat">
               <div class="public-title">您的位置：项目
                   <img src="../img/rarr.png" alt="">
                   <a href="">项目展示</a>
               </div>
               <!-- 菜单栏 -->
               <div class="public move">
                   <ul class="list">
                       <li class="item">
                           <a href="#home">家居
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>
                       
                       <li class="item">
                           <a href="#office">办公
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item active">
                           <a href="#eat">餐饮
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item">
                           <a href="#more">MORE
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>      
                   </ul>   
               </div>
            </div>              
       </div>
        <!-- 第三行 -->
        <div class="show">
            <div class="show-com">
                <div>
                    <div>
                        <img class="left active" src="../img/项目21.jpg" alt="">
                    </div>
                </div>
                    <div class="poi">
                        <p class="title">Olste办公空间 深圳</p>
                        <p class="desc">干净明亮的办公空间</p>
                    </div>   
                    <div class="content"></div>        
                         
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>   
            </div>

            <div class="show-com mi">
                <div>
                    <img class="left active" src="../img/项目22.jpg" alt="">
                </div> 
                    <div class="poi">
                        <p class="title">百分金融办公室 北京</p>
                        <p class="desc">从“私密”到“开放”</p>
                    </div>    
                    <div class="content"></div>                                                                                             
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
            <div class="show-com">
                <div>
                    <img class="left active" src="../img/项目23.jpg" alt="">
                </div>                     <div class="poi">
                        <p class="title">感物办公空间 杭州</p>
                        <p class="desc">我和我的森林性感受</p>
                    </div>       
                    <div class="content"></div>                    
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
        </div>
        <!-- 第四航抬头 -->
        <div class="w">
            <!-- 下方头部 -->
            <div class="top-menu" id="more">
               <div class="public-title">您的位置：项目
                   <img src="../img/rarr.png" alt="">
                   <a href="">项目展示</a>
               </div>
               <!-- 菜单栏 -->
               <div class="public move">
                   <ul class="list">
                       <li class="item">
                           <a href="#home">家居
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>
                       
                       <li class="item">
                           <a href="#office">办公
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item ">
                           <a href="#eat">餐饮
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item active">
                           <a href="#more">MORE
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>              
                   </ul>   
               </div>
            </div>              
       </div>
        <!-- 第四航 -->
        <div class="show">
            <div class="show-com">
                <div>
                    <div>
                        <img class="left active" src="../img/项目31.jpg" alt="">
                    </div>
                </div>
                    <div class="poi">
                        <p class="title">肯德基西安大雁塔店 西安</p>
                        <p class="desc">以现代语言讲述古城历史文化</p>
                    </div>   
                    <div class="content"></div>        
                         
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>   
            </div>

            <div class="show-com mi">
                <div>
                    <img class="left active" src="../img/项目32.jpg" alt="">
                </div> 
                    <div class="poi">
                        <p class="title">La Palma餐厅 重庆 </p>
                        <p class="desc">将加州海滩元素融入意式餐厅</p>
                    </div>    
                    <div class="content"></div>                                                                                             
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
            <div class="show-com">
                <div>
                    <img class="left active" src="../img/项目33.jpg" alt="">
                </div>                     <div class="poi">
                        <p class="title">LUCKY PIGGY 杭州</p>
                        <p class="desc">亲和力满满的轻食餐厅</p>
                    </div>       
                    <div class="content"></div>                    
                    <div class="icon icon-m">
                        <img class="icon-c" src="../img/rarr.png" alt="">
                    </div>
            </div>
        </div>
        <!-- 滴五行抬头 -->
        <div class="w">
            <!-- 下方头部 -->
            <div class="top-menu" id="tuozhan">
               <div class="public-title">您的位置：项目
                   <img src="../img/rarr.png" alt="">
                   <a href="">项目展示</a>
               </div>
               <!-- 菜单栏 -->
               <div class="public move">
                   <ul class="list">
                       <li class="item">
                           <a href="#home">家居
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>
                       
                       <li class="item">
                           <a href="#office">办公
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item">
                           <a href="#eat">餐饮
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>       
                       <li class="item">
                           <a href="#more">MORE
                               <span class="line"></span>
                           </a>
                           <span>|</span>
                       </li>             
                   </ul>   
               </div>
            </div>              
       </div>
       <!-- 滴五行 -->
       <div class="show spa">
        <div class="show-com">
            <div>
                <div>
                    <img class="left active" src="../img/项目41.jpg" alt="">
                </div>
            </div>
                <div class="poi">
                    <p class="title">筑蹊生活主题书店 宁波</p>
                    <p class="desc">有机几何与循环路径的购书体验</p>
                </div>   
                <div class="content"></div>        
                     
                <div class="icon icon-m">
                    <img class="icon-c" src="../img/rarr.png" alt="">
                </div>   
        </div>

        <div class="show-com mi">
            <div>
                <img class="left active" src="../img/项目42.jpg" alt="">
            </div> 
                <div class="poi">
                    <p class="title">R FITNESS健身工作室 香港</p>
                    <p class="desc">由光定义的空间</p>
                </div>    
                <div class="content"></div>                                                                                             
                <div class="icon icon-m">
                    <img class="icon-c" src="../img/rarr.png" alt="">
                </div>
        </div>
        <div class="show-com">
            <div>
                <img class="left active" src="../img/项目43.jpg" alt="">
            </div>                     <div class="poi">
                    <p class="title">月饼博物馆 乌兰察布</p>
                    <p class="desc">一个本地材料营造的低成本博物馆</p>
                </div>       
                <div class="content"></div>                    
                <div class="icon icon-m">
                    <img class="icon-c" src="../img/rarr.png" alt="">
                </div>
        </div>
    </div>
    </div>
    </div>
     <!-- 底部 -->
    <div class="footer">
        <div class="box">
            <div class="content">
                <p>简设装饰有限公司</p>
                <div>
                    <img src="../img/微博icon.png" alt="">
                    <img src="../img/微信icon.png" alt="">
                    <img src="../img/qqicon.png" alt="">
                </div>
            </div>
            <div class="content">
                 <p>地址：中国地区**分区6号写字楼888室</p>
                 <p>电话：688-8888-008</p> 
                 <p>传真：000-66668888</p>
             </div>
             <div class="content">
                 <p>邮编：100000 </p>
                 <p>手机：186-6006-8008</p> 
                 <p>邮箱：00060008@163.com</p>
             </div>
        </div>
</body>
</html>